@charset "utf-8";
@import "./public.css";

.heaDer {
  min-height: 800px;
  position: relative;

  .bann {

    // float: left;
    height: 300px;
    // border: 1px solid #000;

    ul {
      li {
        display: none;
        float: left;
        position: relative;
        opacity: 1;
        z-index: 2;
        transition: opacity 500ms ease-in-out 0s;

        .banner-info {
          text-align: center;
          margin: 14em 0 0 0;

          h2 {
            color: #FFF;
            margin: 0;
            font-size: 55px;
            font-weight: 300;
            padding-bottom: 1em;

            span {
              font-weight: 700;
              padding-bottom: 0.4em;
              border-bottom: solid 3px #BE4343;
            }
          }

          .line {}

          p {
            color: #FFF;
            font-size: 16px;
            margin: 1em 0 0 0;
            line-height: 1.8em;
          }
        }
      }

      .rati {
        display: block;
      }
    }

    //小圆点 
    .static {
      // border: 1px solid #000;
      position: absolute;
      bottom: 30px;

      span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 3px solid #fff;
        border-radius: 50%;
        margin-left: 10px;
      }

      .stat {
        background: #fff;
      }
    }
  }

}

// 内容

.Main {

  // 内容1
  .container {
    padding-right: 15px;
    padding-left: 15px;

    .conta_r1 {
      width: 58%;
      margin: 70px 0;
      font-size: 14px;
      line-height: 1.42857143;
      color: #333;

      h3 {
        color: #000;
        font-size: 37px;
        margin: 0;
        line-height: 1.2em;
        font-weight: 300;
      }

      h5 {
        color: #969696;
        font-size: 14px;
        margin: 1em 0;
        line-height: 1.8em;
      }

      p {
        color: #333333;
        font-size: 14px;
        margin: 0;
        line-height: 1.8em;
        font-weight: 600;
      }

      .see-button {
        margin-top: 54px;

        >a {
          font-size: 14px;
          text-transform: uppercase;
          text-decoration: none;
          padding: 1em 4em;
          outline: none;
          background: #3F3C35;
          border: none;
          color: #fff;
          // line-height: 1.33;
          border-radius: 6px;
          cursor: pointer;
        }
      }
    }





    // 
    .conta_r2 {
      margin-top: 70px;
      width: 445px;
      height: 300px;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .ani {
      animation-delay: 0.5s;
      animation-name: fadeInRight;
    }
  }

  .ani {
    animation-delay: 0.5s;
    animation-name: fadeInLeft;
  }

  // 内容2
  .contet_tw {
    width: 100%;
    background: #FAFAFA;

    .specialty {
      padding: 42px 0;

      // 左侧
      .speci_let {
        width: 40%;

        // border: 1px solid #000;
        h3 {
          color: #DA491C;
          font-size: 40px;
          font-weight: 300;
          margin: 0;
        }

        h5 {
          color: #969696;
          font-size: 14px;
          margin: 1em 0;
          line-height: 1.8em;
        }

        p {
          color: #333333;
          font-size: 14px;
          margin: 3em 0 0 0;
          line-height: 1.8em;
          font-weight: 600;

          span {
            display: block;
            margin-top: 2em;
          }
        }

        .see-button {
          margin-top: 54px;
          font-family: 'Open Sans', sans-serif;
          font-size: 14px;
          color: #333;

          a {
            font-size: 14px;
            text-transform: uppercase;
            text-decoration: none;
            padding: 1em 4em;
            color: #fff;
            outline: none;
            // background: #393939;
            background: #3F3C35;
            border: none;
            margin-top: 3em;
            border-radius: 6px;
          }
        }
      }

      .anii {
        animation-delay: 0.5s;
        animation-name: fadeInLeft;
      }


      // 右侧
      .speci_rig {
        width: 58%;
        margin-left: 10px;

        // 顶部
        .speiRigTop {
          // border: 1px solid #000;

          div {
            width: 50%;
            text-align: center;

            .icn {
              width: 100px;
              height: 100px;
              border-radius: 50%;
              background: #dfdfdf;
              margin: 0 auto;
              text-align: center;
              position: relative;

              span {
                display: block;
                width: 0px;
                height: 0px;
                font-size: 0;
                border-radius: 50%;
                position: absolute;
                background: rgba(0, 0, 0, 0);

                transition: all 0.5s;
                left: 50%;
                top: 50%;
              }

            }

            &:hover .icn span {
              width: 100px;
              height: 100px;
              left: 0;
              top: 0;
              background: #DC5329;
            }
          }

          h5 {
            color: #000;
            font-size: 17px;
            font-weight: 600;
            margin: 1.5em 0;
          }

          p {
            color: #333333;
            font-size: 14px;
            margin: 0;
            line-height: 1.8em;
            font-weight: 400;
          }

        }

      }

      .anir {
        animation-delay: 0.4s;
        animation-name: bounceIn;
      }

    }




  }

  // bann
  .testimonials {
    background: url(../images/i5.jpg) no-repeat 0px 0px;
    background-size: cover;
    min-height: 331px;
    padding: 3em 0;
    position: relative;
    text-align: center;

    .contt {
      padding-right: 15px;
      padding-left: 15px;

      div {
        text-align: center;

        &:nth-child(1) {
          h3 {
            color: #FFF;
            font-size: 40px;
            font-weight: 300;
            margin: 0;
          }

          h5 {
            color: #FFFFFF;
            font-size: 14px;
            margin: 1em 0;
            line-height: 1.8em;
            font-weight: 300;

            span {

              display: block;
            }
          }
        }

        &:nth-child(2) {
          p {
            font-size: 1.3em;
            font-style: italic;
            color: #FFF;
            text-align: center;
            width: 70%;
            margin: 2em auto;
            font-weight: 600;

            span {
              font-size: 1.2em;
              vertical-align: middle;
            }
          }
        }
      }

      .ani {
        animation-delay: 0.4s;
        animation-name: bounceIn;
      }
    }


  }

  // 内容3

  .news {
    padding: 56px 0;

    .conte {
      .news-text {
        h3 {
          color: #DA491C;
          font-size: 40px;
          font-weight: 300;
          margin: 0;
        }

        h5 {
          color: #969696;
          font-size: 14px;
          margin: 1em 0;
          line-height: 1.8em;

          span {
            display: block;
          }
        }
      }

      .news-grids {
        margin-top: 3em;

        >div {
          width: 22%;
          float: left;
          padding-right: 15px;
          padding-left: 15px;

          h4 {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            margin: 0 0 .3em 0;
          }

          span {
            color: #DA491C;
            font-size: 14px;
            line-height: 1.7em;
          }

          img {
            width: 100%;
            margin: 12px 0;
            vertical-align: middle;
          }

          div {
            p {
              color: #333333;
              font-size: 14px;
              margin: 0;
              line-height: 1.8em;
              font-weight: 400;
            }
          }
        }

        .ani {
          animation-delay: 0.4s;
          animation-name: bounceIn;
        }
      }
    }
  }
}